<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>
body
{
	background-image:url('https://static.runoob.com/images/mix/gradient2.png');/*把图像设置为背景*/
	background-repeat:repeat-x;/*设置背景图像是否及如何重复*/
}
</style>
</head>

<body>
<h1>Hello World!</h1>
<p>如果图像只在水平方向平铺 (repeat-x), 页面背景会更好些</p>
</body>

</html>